<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head><style type="text/css">
		div{
			position: relative;
		}
		.box{
			width: 960px;
			margin: 200px auto;
		}
		.box img{
			
			border: 1px solid #ddd;
			padding: 10px;
			background: #FFF;
			position: absolute;
			z-index: 1;
			
			width: 200px;
			height: 200px;
		}
		#box img:hover{
			z-index: 2;
			box-shadow: 5px 5px 5px #ddd;
			transform: rotate(0deg) scale(1.5);
		}
		.box img:nth-child(1){
			top: 0px;
			left: 300px;
			transform: rotate(-30deg);
		}
		.box img:nth-child(2){
			top: -50px;
			left: 600px;
			transform: rotate(30deg);
		}
		.box img:nth-child(3){
			top: -30px;
			left: 500px;
			transform: rotate(-25deg);
		}
		.box img:nth-child(4){
			top: 10px;.......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
			left: 100px;
			transform: rotate(-30deg);
		}
		.box img:nth-child(5){
			top: -30px;
			left: 400px;
			transform: rotate(30deg);
		}
		.box img:nth-child(6){
			top: -10px;
			left: 800px;
			transform: rotate(-25deg);
		}
		.box img:nth-child(7){
			top: 70px;
			left: 600px;
			transform: rotate(-30deg);
		}
		.box img:nth-child(8){
			top: 50px;
			left: 400px;
			transform: rotate(30deg);
		}
		.box img:nth-child(9){
			top: -20px;
			left: 300px;
			transform: rotate(-25deg);
		}
	</style>
	<body>
		<div class="box" id="box">
			<img src="img/1.jpg"/>
			<img src="img/2.jpg"/>
			<img src="img/3.jpg"/>
			<img src="img/4.jpg"/>
			<img src="img/5.jpg"/>
			<img src="img/6.jpg"/>
			<img src="img/7.jpg"/>
			<img src="img/8.jpg"/>
			<img src="img/9.jpg"/>
		</div>
	</body>
</html>
